{% extends "layout.html" %}

{% block body %}

<div class="wrapper">
  <div class="sidebar">
    {% for research in researchList.rows %}
    <a href="/research_detail?id={{ research.researchid }}">
      <span class="my-btn sidebar-item pointer">{{ research.name }}</span>
    </a>
    {% endfor %}
    <!--<span class="my-btn sidebar-item pointer">APTAMR</span>-->
  </div>

  <div class="main research-detail">
    <div class="research-detail__intro">
      <img src="{{ pageData.picture }}" alt="">
      <div class="detail">
        <h2>{{ pageData.name }}</h2>
        <p>{{ pageData.introduction }}</p>
      </div>
    </div>

    <h2 class="title">Selected Publications</h2>

    {% for article in pageData.articleResultList %}
    <section class="publication-item">
      <h3>{{ article.title }}</h3>
      <p>{{ article.name }}</p>
      <p>Nature Comunication: DOI: <span class="mark">10.714/thno.38261</span></p>
    </section>
    {% else %}
    <p>暂无。。。</p>
    {% endfor %}
    <!--<section class="publication-item">-->
      <!--<h3>Test Test Test Test Test Test Test Test Test Test</h3>-->
      <!--<p>Test Test Test Test Test Test</p>-->
      <!--<p>Nature Comunication: DOI: <span class="mark">10.714/thno.38261</span></p>-->
    <!--</section>-->
  </div>
</div>

{% endblock %}
